<div class="center-box" id="news-list">
    <div class="box-title">
        <div class="wrapper">
            <a href="#" class="root">
                <?php echo $this->translate()->widget('title');?>
            </a>
        </div>
    </div>
    <div class="box-container">
        <?php
        if($this->articles && count($this->articles) > 0){
            $i = 0;
            foreach($this->articles as $news){
        ?>
        <div class="news <?php echo $i === 0 ? 'first' : '' ?>">
            <div class="news-thumb">
                <img src="<?php echo $news->image_thumbnail?>" alt="<?php echo $news->title?>"/>
            </div>
            <div class="news-content">
                <h3 class="news-title"><a href="<?php echo $this->url($news->getProperties(), 'news_article_details')?>"><?php echo $news->title ?></a></h3>
                <div class="news-time"><?php echo date('h:i d/m/Y', strtotime($news->created_date))?></div>
                <div class="news-desc"><?php echo $news->summary ?></div>
                <div class="news-tags"><?php echo $news->tags ?></div>
            </div>    
            <div class="clearfix"></div>    
        </div>
        <?php
            $i++;
            }
        }
        ?>
        <div id="pagination">
        <?php echo $this->paginator()->slide($this->paginator, $this->paginatorOptions); ?>
        </div>
        <div class="clearfix"></div>    
    </div>
    
</div>
